<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
    <title>长乐美食城-订单页</title>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/Public/Vendor/mobiscroll-master/css/mobiscroll.scroller.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/Vendor/mobiscroll-master/css/mobiscroll.frame.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/Vendor/font-awesome/css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/css/common.css"/>
</head>

<body class="confirm-page">
<section class="confirm">
    <h3>收货地址</h3>

    <dl class="address" id="chooseAddress">
        <dt>holy 13419566683</dt>
        <dd>湖北省武汉市江夏区武昌大道江南总督府</dd>
    </dl>

    <p id="createAddress"><b class="fa fa-plus-circle"></b> 新增收货地址</p>

    <div class="address-form" style="padding-bottom: 14px; display: none;">
        <div class="control">
            <label>姓名</label>
            <input name="name" type="text" placeholder="请填写收货人姓名"/>
        </div>

        <div class="control">
            <label>电话</label>
            <input name="tel" type="text" placeholder="请填写收货人电话"/>
        </div>

        <div class="control">
            <label>地区</label>
            <input name="area" id="area" type="text" placeholder="请选择地区"/>
        </div>

        <div class="control">
            <label>地址</label>
            <input name="address" type="text" placeholder="请填写详细地址"/>
        </div>

        <p class="operate">
            <a id="add_address" class="primary" href="">新增</a>
            <a class="cancel" href="">取消</a>
        </p>
    </div>

    <h3>购物清单</h3>
    <dl class="good">
        <dt><img class="img-responsive" src="http://p0.meituan.net/msmerchant/56d513e3433ac4dbb288917160d90dd766375.jpg" alt="产品图片"></dt>
        <dd>热干面</dd>
        <dd><span>x 2</span>¥ 4.00元</dd>
    </dl>

    <p id="total">总金额：<span>¥</span> <span>8.00元</span></p>

    <a href="{:U('Order/index?payment=1')}"><input class="submit" type="submit" value="我要下单"/></a>
</section>

<div class="footer">
    <p>
        <a href="#">商城首页</a>
        <a href="#">购物车</a>
        <a href="#">会员中心</a>
    </p>

    <dl>
        <dt><a href="javascript:void(0);"><img class="img-responsive" src="/Public/assets/home/images/favicon.ico"
                                               alt="长乐美食城"/></a></dt>
        <dd><a href="javascript:void(0);">武汉长乐未央网络科技有限公司提供技术支持</a></dd>
    </dl>
</div>

<!--83行到90行都是省市区插件引用-->
<script type="text/javascript" src="/Public/assets/home/js/jquery.min.js"></script>

<script type="text/javascript" src="/Public/Vendor/mobiscroll-master/js/mobiscroll.core.js"></script>
<script type="text/javascript" src="/Public/Vendor/mobiscroll-master/js/mobiscroll.frame.js"></script>
<script type="text/javascript" src="/Public/Vendor/mobiscroll-master/js/mobiscroll.scroller.js"></script>
<script type="text/javascript" src="/Public/Vendor/mobiscroll-master/js/mobiscroll.select.js"></script>
<script type="text/javascript" src="/Public/Vendor/mobiscroll-master/js/i18n/mobiscroll.i18n.zh.js"></script>

<script type="text/javascript" src="/Public/Scripts/js/areas.js"></script>

<script type="text/javascript">
    $(function () {
        //显示新增地址
        $('#createAddress').click(function () {
            $(this).next().toggle();
        });

        //收起新增地址
        $('.cancel').click(function () {
            $(this).parents('.address-form').hide();
            return false;
        });

    });
</script>
</body>
</html>